<?php
/**
 * The sidebar containing the main widget area.
 *
 * If no active widgets in sidebar, let's hide it completely.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

?>

	<div id="secondary" class="widget-area" role="complementary">
        
            <style>
				#secondary input[type=text] { width:85%; }
				
			</style>
            
            <?php include '/home/silicons/public_html/wp-content/themes/siliconsolar/sidebar-include-narrow-menu.php'; ?>
            
        	<div class="homesidebarCategories" style="margin-top:0px;">
        		<?php include 'widget-storecategories.php'; ?>
            	<div style="width:100%;height:0px;clear:both;"></div>
        	</div>
            	<h3 class="widget-title">Shop Our Store</h3>
                <?php include 'sidebar-include-brand-menu.php' ; ?>
                <h3 class="widget-title">Learn About Solar</h3>
                <?php include 'sidebar-include-learning-menu.php' ; ?>
            <div id="sidebarfeaturedproducts">
            	<h3 class="widget-title">Featured Products</h3>
                <ul>
                	<?php include 'sidebar-include-featured-products.php' ; ?>
                </ul>
            </div>
            <div id="sidebarhotwaterhighlight" style="text-align:center;padding-bottom:30px;">
            	<h3 class="widget-title" style="margin-top:20px;text-align:left;">Save 70% On Your Hot Water</h3>
                	<?php include 'sidebar-include-shw-highlight-product.php' ; ?>
            </div>
            <!--
            <div class="fb-recommendations" data-site="http://www.siliconsolar.com" data-width="249" data-height="350" data-header="true" data-linktarget="_top" data-font="arial"></div>
			-->
        </div><!-- #secondary -->